<!--
 * @Description: 属性过滤器
 * @Author: zzj
 * @Date: 2021-08-16 11:13:45
 * @LastEditors: zzj
 * @LastEditTime: 2021-08-16 11:17:49
 * @FilePath: \jiepuyiqing\tyut\zzj\2-css\day02\7-css-selector-attribute.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>属性过滤器</title>
    <style>
        form{

        }
        form input[name*='p']{
            border:1px solid tomato;
            background-color: crimson;
        }
    </style>
</head>
<body>
    <form action="http://47.101.191.228:8888/user/register" method="get" enctype="application/x-www-form-urlencoded">
        <div>
          <label for="input_school_name">
            用户名：
            <input type="text" name="username" id="input_school_name">
          </label>
        </div>
        <div>
          <label for="input_username">
            密码：
            <input type="password" name="password" id="input_username">
          </label>
        </div>
        <div>
          <label for="input_telephone">
            手机号
            <input type="text" name="telephone" id="input_telephone">
          </label>
        </div>
        <div>
          性别
          <label for="input_gender_male">
            <input id="input_gender_male"  type="radio" value="male" name="gender">男
          </label>
          <label for="input_gender_female">
            <input id="input_gender_female" checked type="radio" value="female" name="gender">女
          </label>
        </div>
        <div>
          地址：
          <select name="address">
            <option value="js">江苏</option>
            <option value="sx">山西</option>
            <option value="hn" selected>河南</option>
          </select>
        </div>
        <div>
          爱好：
          <input type="checkbox" name="hobbies" value="basketball">篮球
          <input type="checkbox" checked name="hobbies" value="football">足球
          <input type="checkbox" name="hobbies" value="run">跑步
        </div>
        <div>
          出生日期：
          <input type="date" name="birth" /> 
        </div>
        <div>
          自我简介
          <textarea name="description" cols="50" rows="4"></textarea>
        </div>
        <!-- <div>
          头像
          <input type="file"/>
        </div> -->
        <div>
          <input type="reset" value="重置"/>
          <input type="submit" value="提交"/>
        </div>
      </form>
</body>
</html>